<template>
    <view class="__lib-progress">
    	<view class="__lib-progress-content">
    		<view class="__lib-progress-bar">
    			<view class="__lib-progress-bar">
    				<view class="__lib-progress-inner" :style="{width:percent+'%'}"></view>
    			</view>
    		</view>
			<view class="__lib-progress-text">{{percent}}%</view>
    	</view>
    </view>
</template>

<script>
/**
 * @description 
 * @property 
 * @property 
*/


export default {
    name: 'lib-progress',
    emit: [],
    props: {
        percent: {
            type: Number,
            default: 0,
            required: false,
        },
    },
    data() {
        return {
			width: 0,
        }
    },
    methods: {
    },
    mounted() {
    },
    updated() {
    },
    unmounted() {
    },
    destroyed() {
    },
    watch: {
    },
}
</script>


<style lang="scss" scoped>
@import "./lib-progress.scss";
</style>